/*!
 * =====================================================
 * Thor UI v1.0.0 (https://www.thorui.cn/)
 * =====================================================
 */

.tui-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.tui-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tui-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tui-center {
  text-align: center;
}

.tui-right {
  text-align: right;
}

.tui-opcity {
  opacity: 0.5;
}

.tui-scale-small {
  transform: scale(0.9);
  transform-origin: center center;
}

.tui-height-full {
  height: 100%;
}

.tui-width-full {
  width: 100%;
}

.tui-ptop-zero {
  padding-top: 0;
}

.tui-pbottom-zero {
  padding-bottom: 0;
}

.tui-pleft-zero {
  padding-left: 0;
}

.tui-pright-zero {
  padding-right: 0;
}

.tui-col-12 {
  width: 100%;
}

.tui-col-11 {
  width: 91.66666667%;
}

.tui-col-10 {
  width: 83.33333333%;
}

.tui-col-9 {
  width: 75%;
}

.tui-col-8 {
  width: 66.66666667%;
}

.tui-col-7 {
  width: 58.33333333%;
}

.tui-col-6 {
  width: 50%;
}

.tui-col-5 {
  width: 41.66666667%;
}

.tui-col-4 {
  width: 33.33333333%;
}

.tui-col-3 {
  width: 25%;
}

.tui-col-2 {
  width: 16.66666667%;
}

.tui-col-1 {
  width: 8.33333333%;
}

/* flex start*/

.tui-flex {
  display: -webkit-flex;
  display: flex;
}

.tui-flex-column {
  flex-direction: column;
}

.tui-flex-1 {
  flex: 1;
}

.tui-align-center {
  justify-content: center;
}

.tui-align-left {
  justify-content: flex-start !important;
}

.tui-align-right {
  justify-content: flex-end !important;
}

.tui-align-between {
  justify-content: space-between !important;
}

.tui-align-around {
  justify-content: space-around !important;
}

.tui-vertical-center {
  align-items: center;
}

.tui-vertical-top {
  align-items: flex-start;
}

.tui-vertical-top {
  align-items: flex-end;
}

.tui-line-feed {
  flex-direction: row;
  flex-wrap: wrap;
}

/* flex end*/

/* color start*/

.tui-primary {
  background: #6cc !important;
  color: #fff;
}

.tui-light-primary {
  background: #8fe6e6 !important;
  color: #fff;
}

.tui-dark-primary {
  background: #218585 !important;
  color: #fff;
}

.tui-dLight-primary {
  background: #a6e6e6 !important;
  color: #fff;
}

.tui-danger {
  background: #ed3f14 !important;
  color: #fff;
}

.tui-warning {
  background: #ff7900 !important;
  color: #fff;
}

.tui-green {
  background: #19be6b !important;
  color: #fff;
}

.tui-black {
  background: #000 !important;
  color: #fff;
}

.tui-white {
  background: #fff !important;
  color: #333 !important;
}

.tui-white-hover {
  background: #e5e5e5 !important;
  color: #2e2e2e !important;
}

.tui-translucent {
  background: rgba(0, 0, 0, 0.7);
}

.tui-light-black {
  background: #333 !important;
}

.tui-gray {
  background: #80848f;
}

.tui-phcolor-gray {
  background: #ccc !important;
}

.tui-divider-gray {
  background: #eaeef1 !important;
}

.tui-btn-gray {
  background: #ededed !important;
  color: #999 !important;
}

.tui-hover-gray {
  background: #f7f7f9 !important;
}

.tui-bg-gray {
  background: #fafafa !important;
}

.tui-light-blue {
  background: #ecf6fd;
  color: #4dabeb !important;
}

.tui-light-brownish {
  background: #fcebef;
  color: #8a5966 !important;
}

.tui-light-orange {
  background: #fef5eb;
  color: #faa851 !important;
}

.tui-light-green {
  background: #e8f6e8;
  color: #44cf85 !important;
}

/* color end*/

.tui-btnbox-3 .tui-btn-class {
  display: block !important;
  font-size: 28rpx !important;
  height: 100rpx;
  line-height: 100rpx;
  /* #ifdef APP-PLUS || MP */
  width: 100% !important;
  /* #endif */
  /* #ifdef H5 */
  width: 70% !important;
  /* #endif */
}
